<template lang="html">
<div>
    <iframe id="cameraIframe" style="border: none;" width="100%" height="100%" src=""></iframe>
</div>
</template>

<script>
import "../iconfont/iconfont.css";
import {
  XButton,
  Toast,
  Confirm,
  TransferDomDirective as TransferDom
} from "vux";
export default {
  directives: {
    TransferDom
  },
  components: {
    XButton,
    Toast,
    Confirm
  },
  data: function() {
    return {
      playUrl: ""
    };
  },
  mounted: function() {
    this.getCameraUrl();
  },
  methods: {
    getMyDevice: function() {
      this.$http.get("http://iot.malanco.com/getCameraUrl").then(response => {
        if (response.data.success == "true") {
          // 播放视屏
        } else {
          // 错误提示
          var errorCode = response.data.exceptionObj.code;
          if (errorCode == "not_exist_device") {
            // 根本没有绑定摄像头
            this.$vux.toast.show({
              text: "未绑定摄像头,请先到设备绑定界面绑定摄像头"
            });
          } else {
            var tianyiPrefixIndex = errorCode.indexOf("tianyi.");
            // 电信摄像头
            if (tianyiPrefixIndex == 0) {
              var tianyiErrorCode = errorCode.substr(7);
              if (tianyiErrorCode == "invalid_account") {
                this.tianyiLogin("天翼平台不存在次账户，请重新登录");
              } else if (tianyiErrorCode == "invalid_password") {
                this.tianyiLogin("密码失效，请重新登录");
              } else if (tianyiErrorCode == "login_error_too_many_times") {
                this.$vux.alert.show({
                  text: "登录失败次数太多，请30分钟后再试"
                });
              } else if (tianyiErrorCode == "password_too_simple") {
                this.$vux.alert.show({
                  text: "密码太简单"
                });
              } else if (tianyiErrorCode == "unExistDevice") {
                this.$vux.alert.show({
                  text: "摄像头在天翼平台尚未绑定"
                });
              } else if (tianyiErrorCode == "server_error") {
                this.$vux.alert.show({
                  text: "天翼内部服务错误"
                });
              } else if (tianyiErrorCode == "account_not_exist") {
                //  未绑定天翼账户,弹出登录框登录.
                this.tianyiLogin("请先登录天翼账户");
              } else if (tianyiErrorCode == "invalid_session") {
                // 天翼账户名不存在
                this.tianyiLogin("请重新登录");
              } else if (tianyiErrorCode == "invalid_password") {
                // 天翼账户在app上修改了密码，但是智能锁平台未修改
                this.tianyiLogin("天翼账户密码失效，请重新登录");
              } else if (tianyiErrorCode == "not_exist_device") {
                // 天翼账户在app上修改了密码，但是智能锁平台未修改
                this.$vux.alert.show({
                  text: "天翼平台不存在次摄像头，请先在天翼平台绑定摄像头"
                });
              } else if (tianyiErrorCode == "device_not_online") {
                // 摄像头未开启 或未绑定
                this.$vux.alert.show({
                  text: "摄像头不在线，请先让摄像头上线"
                });
              } else {
                this.$vux.alert.show({
                  text: "未知错误"
                });
              }
            } else {
              // 其他摄像头
            }
          }
        }
      });
    },
    tianyiLogin: function(errMsg) {
      // 天翼账号登录
    }
  }
};
</script>

<style lang="less">
</style>
